<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/bootstrap.min.js"></script>
<script text="text/javascript">
    function alertu (mes) {
        alert(mes);
        parent.$.fancybox.close();
    }
    
    $(document).ready(function(){
        $(".fancybox").fancybox();
        
        $("#btncompose").fancybox({
            padding: 0,
            margin:0,
            width:550,
            maxHeight:290,

            openEffect : 'elastic',
            openSpeed  : 300,

            closeEffect : 'elastic',
            closeSpeed  : 300,

            closeClick : false,
            helpers : { 
              overlay : {closeClick: false}
            }
        });
                
        $(".input").fancybox({
            autoDimensions: false,
            padding: 20,
            margin:0,
            width:350,
            maxHeight:600
        });
    });
</script>
</body>
</html>